<%= render "navbar"%>

<div class="container">
  <h1 class="account_title">用户中心</h1>
</div>

<div class="container account_page_container">
  <div class="row">
    <%= render "account_nav"%>
    <div class="col-md-9 col-xs-12 my_card_content">
      <!-- <h2 class="title">会员卡</h2> -->
      <h3 class="sub_title">已购会员卡</h3>
      <div class="row my_card_row">
        <div class="col-md-4 vip_desc">
          <img src="http://7i7g8l.com1.z0.glb.clouddn.com/247f851a00cd094e185c8dfa79b73a4211cc7225-6b2425e3f071b9416805928e4a44941e3b93d89a.png" alt="">
          <div class="card_prize">
            <span class="remark">有效时间:<span class="num">180</span>天 &nbsp; 有效次数:<span class="num">3</span>次</span>
          </div>
        </div>
      </div>
      <h3 class="sub_title">会员卡使用说明</h3>
      <div class="row my_card_row">
        <p>培训参与方式</p>
        <!-- <ol>
          <li>购卡： <br>微信服务号—在线支付（微支付）<br>网站—在线支付（支付宝）</li>
          <li>购买课程 <br>课程详情—点击“购买一次”</li>
          <li>线下消费<br>凭短信验证码去线下消费</li>
        </ol>
        <p>会员卡使用说明：</p>
        <ol>
           <li>本卡为记名制消费卡，可凭此卡参加西瓜校园兴趣类板块任意课程</li>
           <li>课程活动需预约，且请于消费前出示本卡</li>
           <li>本卡不退、不换、不兑换现金</li>
           <li>如有疑问，请咨询西瓜校园</li>
           <li>咨询热线：0574-55838171</li>
           <li>此卡最终解释权归西瓜校园所有 </li>
        </ol> -->
        <ol>
          <li>参加兴趣课程，需先购买会员卡</li>
          <li>会员卡有100元、300元、500元，相对应3次、12次、无限次</li>
          <li>购卡之后可直接购买课程，参加一次课程，卡里次数减少一次</li>
          <li>同一课程不能重复购买，用完后才能购买</li>
          <li>购课之后会收到短信，凭短信验证码去机构消费</li>
          <li>购卡之后用户中心会显示会员卡及次数</li>
          <li>每位会员只能买一张会员卡，用完卡里的次数才能买第二张</li>
          <li>会员卡购买之后不能退还、不能兑现</li>
          <li>如有任何疑问请咨询西瓜校园：0574-55838171</li>
        </ol>
      </div>
      <h3 class="sub_title">购买会员卡</h3>
      <div class="row buy_card_row">
        <!-- <h3 class="sub_title">会员卡使用说明</h3> -->
        <!-- <img src="http://7i7g8l.com1.z0.glb.clouddn.com/4e1b4da763acce5d5446311d46ea7ebd3beb33c2-353769414ebb19e9a7a18f806e6f69b87275cc15.png" alt="" class="card_banner">   -->
        <div class="row">
          <div class="col-md-4 col-xs-12">
            <img src="http://7i7g8l.com1.z0.glb.clouddn.com/247f851a00cd094e185c8dfa79b73a4211cc7225-6b2425e3f071b9416805928e4a44941e3b93d89a.png" alt="">
            <span class="remark">有效时间:<span class="num">180</span>天 &nbsp; 有效次数:<span class="num">3</span>次</span>
            <a href="" class="buy">立即购买</a>
          </div>
          <div class="col-md-4 col-xs-12">
            <img src="http://7i7g8l.com1.z0.glb.clouddn.com/0d232eb22384012ba3d419ac9ed6dcdeaca12aba-36251efb0a7d5c9d04cf91ca70fa05b08aa88615.png" alt="">
            <span class="remark">有效时间:<span class="num">180</span>天 &nbsp; 有效次数:<span class="num">12</span>次</span>
            <a href="" class="buy">立即购买</a>
          </div>
          <div class="col-md-4 col-xs-12">
            <img src="http://7i7g8l.com1.z0.glb.clouddn.com/167342c90f4650184da159c2082e425ae640f0e6-a32866d64e052c5adf2c8067f91f663efedc0296.png" alt="">
            <span class="remark">有效时间:<span class="num">180</span>天 &nbsp; 有效次数:<span class="num">无限</span>次</span>
            <a href="" class="buy">立即购买</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>